<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>冒泡排序</title>
  <style type="text/css">
	input{
		width: 400px;
	}
  </style>
 </head>
 <body>
	  排序之前的随机数据：<input type="text" id="beforeSort" /><br/>
	  排序之后的随机数据：<input type="text" id="afterSort" /><br/>
	
	  <script type="text/javascript">
		var arr = new Array(10);
		//随机产生十个数据
		var str = "";
		for(var i=0;i<10;i++){
			arr[i]= Math.floor(Math.random()*90+10);  //随机产生10-99之间的整数；
			str += arr[i]+"  ";
		}
		//数组未排序之前的数据为：
		document.getElementById("beforeSort").value = str;

		//通过双向循环比较，交换式排序=冒泡排序
		for(var i=0;i<arr.length;i++){
			for(var j=i+1;j<arr.length;j++){
				if(arr[i]>arr[j]){//交换，吧a[i]跟a[j]值的位置交换
					var t = arr[i];
					arr[i]=arr[j];
					arr[j]=t;
				}
			}
		}

		//排序后的数据打印
		str = "";
		for(var i=0;i<arr.length;i++){			
			str += arr[i]+"  ";
		}
		//数组排序之后的数据为：
		document.getElementById("afterSort").value = str;

	  </script>
 </body>
</html>
